<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8" />
		<title>难忘的一天</title>
		<script src="../viewport.js"></script>
		<link rel="stylesheet" href="../swiper.min.css" />
		<link rel="stylesheet" href="style/style.css" />

	</head>

	<body>
		<div class="All">
			<input type="text" value="111" class="loadFont" />
			<div id="game" class="game"></div>
			<div class="item none">
				<div class="tab-btn">
					<ul>
						<li class="active">
							<img src="images/tabicon0.png" />
						</li>
						<li>
							<img src="images/tabicon1.png" />
						</li>
						<li>
							<img src="images/tabicon2.png" />
						</li>
						<li>
							<img src="images/tabicon3.png" />
						</li>
						<li>
							<img src="images/tabicon4.png" />
						</li>
					</ul>
				</div>

				<div class="tabCon">
					<div class="tabCon-1">
						<div class="swiper-container swiper-container-1">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<ul class="list-1">
										<li>
											<div class="imgbox">
												<img src="images/a_01.jpg" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/a_02.jpg" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/a_03.jpg" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/a_04.jpg" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/a_05.jpg" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/a_06.jpg" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/a_07.jpg" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/a_08.jpg" alt="" />
											</div>

										</li>
									</ul>
								</div>
							</div>
							<div class="swiper-scrollbar"></div>
						</div>
					</div>
					<div class="tabCon-2" style="display: none;">
						<div class="swiper-container swiper-container-2">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<ul class="list-2">
										<li>
											<div class="imgbox">
												<img src="images/b_01.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_02.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_03.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_04.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_05.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_06.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_07.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_08.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_09.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_10.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_11.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_12.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_13.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_14.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_15.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_16.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_17.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_18.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_19.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_20.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/b_21.png" alt="" />
											</div>

										</li>
									</ul>
								</div>
							</div>
							<div class="swiper-scrollbar"></div>
						</div>

					</div>
					<div class="tabCon-3" style="display: none;">
						<div class="swiper-container swiper-container-3">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<ul class="list-3">
										<li>
											<div class="imgbox">
												<img src="images/c_01.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/c_02.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/c_03.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/c_04.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/c_05.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/c_06.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/c_07.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/c_08.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/c_09.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/c_10.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/c_11.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/c_12.png" alt="" />
											</div>

										</li>

									</ul>
								</div>
							</div>
							<div class="swiper-scrollbar"></div>
						</div>

					</div>
					<div class="tabCon-4" style="display: none;">
						<div class="swiper-container swiper-container-4">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<ul class="list-2">
										<li>
											<div class="imgbox">
												<img src="images/d_01.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_02.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_03.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_04.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_05.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_06.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_07.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_08.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_09.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_10.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_11.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_12.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_13.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_14.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_15.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_16.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_17.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_18.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_19.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_20.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/d_21.png" alt="" />
											</div>

										</li>
									</ul>
								</div>
							</div>
							<div class="swiper-scrollbar"></div>
						</div>
					</div>
					<div class="tabCon-5" style="display: none;">
						<div class="swiper-container swiper-container-5">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<ul class="list-3">
										<li>
											<div class="imgbox">
												<img src="images/e_01.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/e_02.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/e_03.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/e_04.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/e_05.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/e_06.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/e_07.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/e_08.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/e_09.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/e_10.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/e_11.png" alt="" />
											</div>

										</li>
										<li>
											<div class="imgbox">
												<img src="images/e_12.png" alt="" />
											</div>

										</li>

									</ul>
								</div>
							</div>
							<div class="swiper-scrollbar"></div>
						</div>

					</div>
				</div>

			</div>
			<img class="btn_next_d none" src="images/btn_next_d.png" alt="" />
		</div>

		<div class="tk tk-load tk-loading none">
			<div class="tkIn">				
				<img class="loadimg" src="images/generating.gif"alt="" />				
			</div>
		</div>
		
		<div class="tk tk-load tk-result none">
			<div class="tkIn">
				<div class="tit" style="">难忘的一天</div>
				<img src="" class="canvasImg" alt="" />				
				<div class="text">
					<span>六一儿童节又到啦！夕阳闪yào在工地上，工人驾驶着挖掘机在挖土。我在挖掘机下欣赏城市的落日，聚精会神地讨论学习。鸟儿也在天边歌唱。<div style="text-indent: 2em; margin: 0px;">真是心与心碰撞的一天啊！</div></span>
				</div>
				<img class="saveImg opacity" src="" />
			</div>
			<div class="btnDo">
				<img class="btn_return" src="images/btn_return.png" />
				<img class="btn_share" src="images/btn_share.png" />
			</div>
		</div>
		<script src="../phaser.min.js"></script>
		<script src="js/main.js"></script>
		<script src="../jquery.min.js"></script>
		<script src="../swiper.min.js"></script>
		<script src="js/index.js"></script>
		<script src="js/imgFunc.js?20180601" ></script>

	</body>

</html>